<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>攀枝花物流管理系统</title>

<link href="../css/bootstrap-combined.min.css" rel="stylesheet" type="text/css">
<link href="../css/layoutit.css" rel="stylesheet" type="text/css">
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">
<script src="../js/jquery-2.0.0.min.js"></script>
<script src="../js/jquery-ui.js"></script>
<script src="../js/jquery.htmlClean.js"></script>
<!-- <script src="../js/scripts.js"></script> -->
<script src="../js/bootstrap.min.js"></script>


</head>
<body style="margin:0;">


<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<img alt="140x140" src="img/a.jpg" />
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
			<div class="navbar">
				<div class="navbar-inner">
					<div class="nav-collapse collapse navbar-responsive-collapse">
						<ul class="nav pull-right">
							<li>
								<span class="badge">1</span>
							</li>
							<li>
								<a href="./ILIP_Inside_MessageCenter.html">个人信息</a>
							</li>
							<li class="divider-vertical">
							</li>
							<li>
								 <div class="btn-group">
                  <button class="btn ">用户名</button>
                  <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
                  <ul class="dropdown-menu" contenteditable="true">
                    <li><a href="#">设置</a></li>
                    <li><a href="#">退出登录</a></li>
                  </ul>
                </div>
							</li>
						</ul>
					</div>
					
				</div>
			</div>
	</div>
	<div class="row-fluid">
		<div class="span2">
			<div class="accordion" id="accordion-menu">
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-parent="#accordion-menu" data-toggle="collapse" href="#accordion-element-1">基本信息管理</a>
					</div>
					<div class="accordion-body collapse" id="accordion-element-1">
						<div class="accordion-inner">
							<ul>
								<li>
									<a href="./ILIP_Inside_PersonManagement.html">人员信息管理</a>
								</li>
								<li>
									<a href="#">车辆信息管理</a>
								</li>
								<li>
									<a href="./ILIP_Inside_AddressManagement.html">地址信息管理</a>
								</li>
								<li>
									<a href="#">公司信息管理</a>
								</li>
								<li>
									<a href="#">物资信息管理</a>
								</li>
								<li>
									<a href="./ILIP_Inside_DocumentManagement.html">证件信息管理</a>
								</li>
								<li>
									<a href="#">货物信息管理</a>
								</li>
								<li>
									<a href="#">建筑构物信息管理</a>
								</li>
								<li>
									<a href="#">机电设备信息管理</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-parent="#accordion-menu" data-toggle="collapse" href="#accordion-element-2">购销存管理</a>
					</div>
					<div class="accordion-body in collapse" id="accordion-element-2">
						<div class="accordion-inner">
							<ul>
								<li>
									<a href="./ILIP_Inside_ConsumableManagement_Store.html">办公耗材管理</a>
								</li>
								<li>
									<a href="./ILIP_Inside_BuyAndSales_Management_Materials.html">物资购销存管理</a>
								</li>
								<li>
									<a href="#">汽车购销存管理</a>
								</li>
								<li>
									<a href="#">货物购销存管理</a>
								</li>
								<li>
									<a href="#">建筑构物租售管理</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-parent="#accordion-menu" data-toggle="collapse" href="#accordion-element-3">汽车检修管理</a>
					</div>
					<div class="accordion-body collapse" id="accordion-element-3">
						<div class="accordion-inner">
							<ul>
								<li>
									<a href="./ILIP_Inside_CarFix_Management_Accident.html">车辆事故信息管理</a>
								</li>
								<li>
									<a href="./ILIP_Inside_CarFix_Management_Fix.html">汽车检修信息管理</a>
								</li>
								<li>
									<a href="./ILIP_Inside_CarFix_Management_Material.html">物资使用信息管理</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-parent="#accordion-menu" data-toggle="collapse" href="#accordion-element-4">运输调度管理</a>
					</div>
					<div class="accordion-body collapse" id="accordion-element-4">
						<div class="accordion-inner">
							<ul>
								<li>
									<a href="./ILIP_Inside_TransportationTaskManagement.html">运输任务管理</a>
								</li>
								<li>
									<a href="./ILIP_Inside_CarOperationManagement.html">单车运营记录管理</a>
								</li>
								<li>
									<a href="#">承运商业务管理</a>
								</li>
								<li>
									<a href="./ILIP_Inside_RailTransport.html">铁路运输代办管理</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-parent="#accordion-menu" data-toggle="collapse" href="#accordion-element-5">对外合作平台管理</a>
					</div>
					<div class="accordion-body collapse" id="accordion-element-5">
						<div class="accordion-inner">
							<ul>
								<li>
									<a href="./ILIP_Inside_Cooperation_About.html">公司简介公告管理</a>
								</li>
								<li>
									<a href="#">供需信息管理</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-parent="#accordion-menu" data-toggle="collapse" href="#accordion-element-6">数据统计分析</a>
					</div>
					<div class="accordion-body collapse" id="accordion-element-6">
						<div class="accordion-inner">
							<ul>
								<li>
									<a href="./ILIP_Inside_ReportManagement.html">周期性报表</a>
								</li>
								<li>
									<a href="./ILIP_Inside_LineChartManagement.html">线性数据折线图</a>
								</li>
								<li>
									<a href="#">业务状况分布图</a>
								</li>
								<li>
									<a href="#">产值利润柱状图</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="span10">
			<ul class="breadcrumb">
				<li>
					<a href="./ILIP_Inside_Main.html">主页</a> <span class="divider">/</span>
				</li>
				<li>
					<a href="#">购销存管理</a> <span class="divider">/</span>
				</li>物资购销存管理
			</ul>

			<div>
				选择物资：
				<select >
					<option>零件</option>
					<option>燃油</option>
				</select>
				选择管理：
				<select >
					<option>采购</option>
					<option>存储</option>
					<option>销售</option>
				</select>
				<hr>
			</div>

			<div >
				<a href="#material_buy_add_modal" role="button" class="btn" data-toggle="modal" style="float:right;">提交采购申请</a>
			</div>

			<table class="table table-bordered table-hover">
				<thead>
					<tr>
						<th>
							物资采购编号
						</th>
						<th>
							物资名称
						</th>
						<th>
							采购物资日期
						</th>
						<th>
							物资供应商
						</th>
						<th>
							采购费用
						</th>
						<th>
							已支付费用
						</th>
						<th>
							支付方式
						</th>
						<th>
							支付状态
						</th>
						<th>
							审核状态
						</th>
						<th>
							经办人
						</th>
						<th>
							操作
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							MB001
						</td>
						<td>
							零件
						</td>
						<td>
							2018-07-04
						</td>
						<td>
							凌达汽车零件批发公司
						</td>
						<td>
							￥10000.00
						</td>
						<td>
							￥0.00
						</td>
						<td>
							线上
						</td>
						<td>
							未付清
						</td>
						<td>
							未审核
						</td>
						<td>
							刘能
						</td>
						<td>
							 <a  href="#material_buy_detail_modal" role="button" class="btn" data-toggle="modal">查看明细</a>
							 <a  href="#material_buy_change_modal" role="button" class="btn" data-toggle="modal">修改明细</a>
							 <a  href="#material_buy_pass_modal" role="button" class="btn" data-toggle="modal">通过</a>
							 <a  onclick="nopass()" role="button" class="btn" data-toggle="modal">不通过</a>
						</td>
					</tr>
					<tr>
						<td>
							MB001
						</td>
						<td>
							零件
						</td>
						<td>
							2018-07-12
						</td>
						<td>
							凌达汽车零件批发公司
						</td>
						<td>
							￥10000.00
						</td>
						<td>
							￥0.00
						</td>
						<td>
							线上
						</td>
						<td>
							未付清
						</td>
						<td>
							审核失败
						</td>
						<td>
							刘能
						</td>
						<td>
							 <a  href="#material_buy_detail_modal" role="button" class="btn" data-toggle="modal">查看明细</a>
							 <a  href="#matrial_buy_change_modal" role="button" class="btn disabled" data-toggle="modal">修改明细</a>
							 <a  onclick="pass()" role="button" class="btn disabled" data-toggle="modal">通过</a>
							 <a  onclick="nopass()" role="button" class="btn disabled" data-toggle="modal">不通过</a>
						</td>
					</tr>
					<tr>
						<td>
							MB001
						</td>
						<td>
							零件
						</td>
						<td>
							2018-07-17
						</td>
						<td>
							凌达汽车零件批发公司
						</td>
						<td>
							￥10000.00
						</td>
						<td>
							￥0.00
						</td>
						<td>
							线上
						</td>
						<td>
							未付清
						</td>
						<td>
							已通过
						</td>
						<td>
							刘能
						</td>
						<td>
							 <a  href="#material_buy_detail_modal" role="button" class="btn" data-toggle="modal">查看明细</a>
							 <a  href="#matrial_buy_change_modal" role="button" class="btn disabled" data-toggle="modal">修改明细</a>
							 <a  onclick="pass()" role="button" class="btn disabled" data-toggle="modal">通过</a>
							 <a  onclick="nopass()" role="button" class="btn disabled" data-toggle="modal">不通过</a>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="pagination pagination-centered">
				<ul>
					<li>
						<a href="#">上一页</a>
					</li>
					<li>
						<a href="#">1</a>
					</li>
					<li>
						<a href="#">2</a>
					</li>
					<li>
						<a href="#">3</a>
					</li>
					<li>
						<a href="#">4</a>
					</li>
					<li>
						<a href="#">5</a>
					</li>
					<li>
						<a href="#">下一页</a>
					</li>
				</ul>
			</div>

			<div id="material_buy_add_modal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">
						申请采购信息
					</h3>
				</div>
				<div class="modal-body">
					<table>
						<tr>
							<td>物资属性:</td>
							<td><select>
									<option>零件</option>
									<option>燃油</option>
								</select></td>
						</tr>
						<tr>
							<td>采购日期:</td>
							<td><input type="date" value=""></td>
						</tr>
						<tr>
							<td>物资供应商:</td>
							<td>
								<input type="text">
							</td>
						</tr>
						<tr>
							<td>采购数量:</td>
							<td><input type="number" value=""></td>
						</tr>
						<tr>
							<td>采购费用:</td>
							<td><input type="number" value=""></td>
						</tr>
						<tr>
							<td>实际费用:</td>
							<td><input type="number" value=""></td>
						</tr>
						<tr>
							<td>存放仓库:</td>
							<td><select>
									<option>东仓</option>
									<option>西仓</option>
								</select></td>
						</tr>
						<tr>
							<td>支付方式:</td>
							<td>
								<select>
									<option>线上</option>
									<option>线下</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>经办人:</td>
							<td><input type="text" value=""></td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					 <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button> <button class="btn btn-primary">提交申请</button>
				</div>
			</div>

			<div id="material_buy_change_modal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">
						修改采购信息
					</h3>
				</div>
				<div class="modal-body">
					<table>
						<tr>
							<td>物资属性:</td>
							<td><select>
									<option>零件</option>
									<option>燃油</option>
								</select></td>
						</tr>
						<tr>
							<td>采购日期:</td>
							<td><input type="date" value="2018-07-04"></td>
						</tr>
						<tr>
							<td>物资供应商:</td>
							<td>
								<input type="text" value="凌达汽车零件批发公司">
							</td>
						</tr>
						<tr>
							<td>采购数量:</td>
							<td><input type="number" value="10"></td>
						</tr>
						<tr>
							<td>采购费用:</td>
							<td><input type="number" value="1000.00"></td>
						</tr>
						<tr>
							<td>实际费用:</td>
							<td><input type="number" value="998.00"></td>
						</tr>
						<tr>
							<td>存放仓库:</td>
							<td><select>
									<option>东仓</option>
									<option>西仓</option>
								</select></td>
						</tr>
						<tr>
							<td>支付方式:</td>
							<td>
								<select>
									<option>线上</option>
									<option>线下</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>经办人:</td>
							<td><input type="text" value="刘能"></td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					 <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button> <button class="btn btn-primary">确定修改</button>
				</div>
			</div>

			<div id="material_buy_detail_modal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">
						采购信息详情
					</h3>
				</div>
				<div class="modal-body">
					<table>
						<tr>
							<td>物资属性:</td>
							<td>零件</td>
						</tr>
						<tr>
							<td>采购日期:</td>
							<td>2018-07-04</td>
						</tr>
						<tr>
							<td>物资供应商:</td>
							<td>
								凌达汽车零件批发公司
							</td>
						</tr>
						<tr>
							<td>采购数量:</td>
							<td>10</td>
						</tr>
						<tr>
							<td>采购费用:</td>
							<td>￥1000.00</td>
						</tr>
						<tr>
							<td>实际费用:</td>
							<td>￥998.00</td>
						</tr>
						<tr>
							<td>存放仓库:</td>
							<td>东仓</td>
						</tr>
						<tr>
							<td>支付方式:</td>
							<td>线上</td>
						</tr>
						<tr>
							<td>经办人:</td>
							<td>刘能</td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					 <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
				</div>
			</div>

			<div id="material_buy_pass_modal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">
						审核物资采购
					</h3>
				</div>
				<div class="modal-body">
					
				</div>
				<div class="modal-footer">
					 <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button> <a  onclick="pass()" role="button" class="btn" data-dismiss="modal">确认通过</a>
				</div>
			</div>

			<script>
				function pass() {
					$('#material_buy_pay_modal').modal('show');
				}
			</script>

			<div id="material_buy_pay_modal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">
						支付界面
					</h3>
				</div>
				<div class="modal-body">
					<table>
						<tr>
							<td>采购费用：</td>
							<td>￥10000.00</td>
						</tr>
						<tr>
							<td>支付金额：</td>
							<td><input type="number" value="10000.00"></td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					 <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button> <button class="btn btn-primary"  data-dismiss="modal">确定支付</button>
				</div>
			</div>

		</div>
	</div>
</div>

</body>
</html>